/* 去除常见标签默认的 margin 和 padding */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 
CSS变量：颜色、字体、图标等
  语法： --变量名: 值;
  示例： --primary-color: #333;
  使用： color: var(--primary-color);
  使用场景：可以方便的修改主题色、字体颜色、字体大小等，提高代码的可维护性和可扩展性。
  注意： 
    1. CSS变量只能在根元素下使用，不能在子元素下使用。
    2. CSS变量只能在CSS文件中使用，不能在HTML文件中使用。
    3. CSS变量不能在CSS文件中定义，只能通过CSS变量的方式定义。
    4. CSS变量不能在CSS文件中引用，只能通过CSS变量的方式引用。
  注意使用：
    1. 颜色：使用CSS变量定义主题色，可以方便的修改主题色，提高代码的可维护性和可扩展性。
    2. 字体：使用CSS变量定义字体颜色、字体大小等，可以方便的修改字体颜色、字体大小，提高代码的可维护性和可扩展性。
    3. 图标：使用CSS变量定义图标样式，可以方便的修改图标样式，提高代码的可维护性和可扩展性。
    4. 边距、内边距、边框等：使用CSS变量定义边距、内边距、边框等，可以方便的修改边距、内边距、边框等，提高代码的可维护性和可扩展性。
    5. 其他：使用CSS变量定义其他属性，可以方便的修改其他属性，提高代码的可维护性和可扩展性。
*/
:root,
html {
  --color-primary: #333;
  --color-text: #666;

  --color-link: #1baeae;

  --color-bg: #fff;
  min-width: 1240px;
}



/* 设置网页统一的字体大小、行高、字体系列相关属性 */
body {
  font: 16px/1.5 "Microsoft Yahei",
    "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
  color: #333;
}

/* 去除列表默认样式 */
ul,
ol {
  list-style: none;
}

/* 去除默认的倾斜效果 */
em,
i {
  font-style: normal;
}

/* 去除a标签默认下划线，并设置默认文字颜色 */
a {
  text-decoration: none;
  color: #333;
}

/* 设置img的垂直对齐方式为居中对齐，去除img默认下间隙 */
img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

/* 去除input默认样式 */
input {
  border: none;
  outline: none;
  color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

.pos-r {
  position: relative;
}